.border-none {
    border: none;
}

.form-panel {
    position: relative;
    padding: 20px;
    padding-bottom: 55px;
    background-color: #fff;
    border-radius: 3px 3px 0 0;
}

.form-content {
    max-height: calc(100vh - 240px);
    // padding: 0 24px;
    overflow-y: auto;

    &::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        // -webkit-appearance: none;
        background: transparent;
    }
}

.form-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 12px 0;
    border-top: 1px solid #e5e6eb;
}

// 表格汇总行
.row-total {
    padding: 8px 16px;
    // background-color: #f7f8fa;
    font-size: 14px;
    line-height: 20px;
    color: var(--vxe-font-color);
}

// 操作按钮
.row-btns {
    display: flex;
    gap: 16px;

    .btn-operate {
        color: #235fc4;
        cursor: pointer;

        &:hover {
            color: #3f77df;
        }
    }
}

// 表格表头
:deep(.vxe-table) {
    .vxe-table--header-wrapper {
        color: #1d2129;
    }
}

:deep(.vxe-table--render-default) {
    color: #1d2129;

    &.border--inner,
    &.border--none {
        .vxe-table--header-wrapper {
            background-color: #f2f3f5;
        }
    }

    // Table边框色
    // &.border--default,
    // &.border--inner {
    //     .vxe-body--column,
    //     .vxe-footer--column,
    //     .vxe-header--column {
    //         background-image: linear-gradient(#e5e6eb, #e5e6eb);
    //     }
    // }

    .vxe-body--column,
    .vxe-footer--column,
    .vxe-header--column {
        line-height: 20px;

        &.col--ellipsis {
            height: 56px;
        }
    }

    &.vxe-editable {
        .vxe-body--column {
            height: 56px;
        }
    }

    .vxe-body--row {
        &.row--hover {
            background-color: #f1f5ff;
        }
    }

    .vxe-cell {
        padding: 0 16px;
    }
}

:deep(.vxe-header--column) {
    font-weight: 500;
}

:deep(.vxe-body--column) {
    font-weight: 400;
}

// :deep(.table-header-cell) {
//     font-weight: normal;
//     color: #86909c;
// }

:deep(.vxe-toolbar) {
    padding: unset;
}

// 表格滚动条
:deep(.vxe-table--body-wrapper) {
    &::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: #f4f4f4;
    }

    &::-webkit-scrollbar-thumb {
        border-radius: 8px;
        background-color: #c9cdd4;
    }
}

// 表格行
// :deep(.vxe-body--row) {
//     &:nth-child(odd) {
//         background: #f7f8fa;
//     }

//     &:nth-child(even) {
//         background: inherit;
//     }
// }

:deep(.vxe-grid--pager-wrapper) {
    padding: 10px 0;
}

// 状态标签
.status-tag {
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

.tag-orange {
    background-color: #fff5eb;
    border: 1px solid #ffc185;
    color: #ff7d00;
}

.tag-blue {
    background-color: #ebf2fc;
    border: 1px solid #86aff4;
    color: #0052d9;
}

.tag-green {
    background-color: #e8ffef;
    border: 1px solid #85d9a5;
    color: #00b042;
}

.tag-red {
    background-color: #ffece8;
    border: 1px solid #fba3a3;
    color: #f53f3f;
}

.module-title {
    font-size: 16px;
    font-weight: 600;
    color: #1d2129;
    margin-bottom: 16px;
}

.module-divider {
    height: 1px;
    background-color: #f2f3f5;
    margin: 24px 0;
}

:deep(.el-form-item) {
    &[label-position='top'] {
        display: block;

        .el-form-item__label-wrap {
            margin-left: unset !important;
        }

        &.gapy-8 {
            .el-form-item__label-wrap {
                margin-bottom: 8px;
            }
        }
    }
}

:deep(.el-form-item__label) {
    color: #1d2129;
}

:deep(.el-select__placeholder) {
    color: #1d2129;
}

:deep(.el-select__placeholder.is-transparent) {
    color: #c9cdd4;
}

:deep(.el-input__inner) {
    color: #1d2129;
}

:deep(.el-input__inner::placeholder) {
    color: #c9cdd4;
}

:deep(.el-date-editor .el-range-input) {
    color: #1d2129;
}

:deep(.el-date-editor .el-range-input::placeholder) {
    color: #c9cdd4;
}

:deep(.el-input__wrapper) {
    padding: 1px 12px;
}

.form-item-display {
    margin-bottom: 8px;
}

.text-money {
    font-size: 24px;
    line-height: 26px;
    color: #1d2129;

    &.red {
        color: #f53f3f;
    }

    &.green {
        color: #00b042;
    }
}

:deep(.el-upload-list--picture-card) {
    .el-upload-list__item {
        width: 105px;
        height: 105px;
    }
}

:deep(.el-upload--picture-card) {
    width: 105px;
    height: 105px;
}

.tips-upload {
    font-size: 14px;
    line-height: 20px;
    color: #fa931e;
}
